<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>重庆中山图书馆</title>
<LINK rel="icon" href="favicon.ico" type="image/x-icon" >
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="bookmark" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="${request.contextPath}/res/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${request.contextPath}/res/bootstrap/css/bootstrap-responsive.min.css">
<link rel="stylesheet" type="text/css" href="${request.contextPath}/res/bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="${request.contextPath}/res/bootstrap/js/bootstrap.min.js"></script>
<link type="text/css" rel="stylesheet"  href="${request.contextPath}/images/gotax.css" >
<link type="text/css" rel="stylesheet"  href="${request.contextPath}/images/tagimg.css" >
<script type="text/javascript" src="${request.contextPath}/res/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/res/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
function search(value,name){
	location.href="/library-app/listsearch/" + name + "/" + value + ".html";
}
</script>
<!--[if IE 6]>
<SCRIPT language=javascript src="js/DD_belatedPNG.js" type=text/javascript>
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
  DD_belatedPNG.fix('*');
  function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</SCRIPT>
<![endif]-->
<!--[if IE 6]>
<script src="js/DDPngMin.js"></script>
<script>DD_belatedPNG.fix('.ad_img img,#banner_ctr ul');</script>
<![endif]--> 
<style type="text/css">
.tagImg1 {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
.tagDiv1 {
	background:#F4F4F4;
	position:absolute;
	top:0px;
}
.tagDiv_left1{left:240px;}
.tagDiv_left2{left:360px;}
.tagDiv_left3{left:480px;}
.caselist{

	position:relative;
	overflow:hidden;
}
</style>
</head>
<body>
<div class="container">

<!-- header头部 -->
<div class="header">
	<div class="ico_logo ico flt1">
    </div>
    <#if map.username??>
    	<div class="ico_user flt2">欢迎您,${map.username},<a href="${request.contextPath}/outlogin.html">安全退出</a></div>
    <#else>
    <div class="ico_user flt2"><a href="${request.contextPath}/login.html">登录</a>/<a href="${request.contextPath}/register.html">注册</a><span><a href="register.html">帮助</a></span></div>
    </#if>
</div>

<!-- nav导航 -->
<div class="nav">
	<div class="menu1 flt1 cle">
    	<a href="${request.contextPath}/index.html">首 页</a>
    	<a href="${request.contextPath}/libraryinfo.html">本馆概况</a>
        <a class="active" href="${request.contextPath}/list.html">书籍中心</a>
        <a href="${request.contextPath}/backbook.html">还书中心</a>
        <a href="${request.contextPath}/car.html" >借书篮</a>
    </div>
</div>


<!-- news,phone\新闻中心,热线电话 -->
<div class="content cle">
<div class="hh"><a href="${request.contextPath}/list.html">书籍中心</a>
<#if map.bookname??>
 > <a href="#">${map.bookname}</a>
 </#if></div>
	<div class="news flt1">
   	  <div class="title line1"><span class="flt1">书籍中心</span></div>
        	<div class="book">
        	<#list map.tjsj as items>
            	<div class="cle mar_top10">
       	    	<div style="float:left;"><img alt="150x150" style="width:150px;height:150px;" src="${items.bookImg!''}" class="img-rounded" /></div>
            	<div style="float:left;padding-left:20px;"><a href="${request.contextPath}/detail/${items.bookId!''}.html"><h3>书籍名称:${items.bookName}</h3></a>
            	<p>图书作者:${items.bookAuthor}</p>         
            	<p>出版日期:${items.bookDate}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;出版商:${items.bookPublish}</p>
            	<p>在库数量:${items.bookNumber}</p>
            	<p>摘要:${items.bookSummary}</p></div>
            	  <a class="btn btn-primary" style="float:right;"href="${request.contextPath}/car/add/${items.bookId!''}.html">借书篮</a>
            	</div>
            </#list>
            </div>
            <div class="container-fluid">
				<div class="row-fluid">
					<div class="span12">
						<div class="pagination" style="float:right;">
						<ul>
						<li>
						<a href="${request.contextPath}/list/up.html">上一页</a>
						</li>
						<li>
						<a href="${request.contextPath}/list/down.html">下一页</a>
						</li>
						</ul>
						</div>
					</div>
				</div>
			</div>
    </div>
    <div class="flt2">
     	<div class="phone " style="margin-top:150px;">
     		<p>查询相关书籍:</p>
     		<input id="txtTitle" class="easyui-searchbox"  searcher="search" prompt="输入查询值" menu="#mm" style="width:230px"></input>  
			<div id="mm" style="width:150px">  
   				 <div name="bookName" ">图书名称</div>  
    			<div name="bookAuthor">图书作者</div>
    			<div name="bookPublish">出版商</div>
    			<div name="bookType">图书类别</div>
			</div>  
      	</div>
  </div>
</div>

<!-- footer\底部信息 -->
<div class="footer cle">
	<div class="flt1">重庆理工大学中山图书馆</div>
    <div class="flt2">© 2013-2014 .All Rights Reserved<a href="#">渝ICP备xxxxxxx号-1</a></div>
</div>
</div>
</body>
</html>
